/*the styles of class website */
.buttons{text-align:center;border:13% ;}
.buttons .abutton{text-align:center;display:inline-block;width:47%;font-size:12px;}
.buttons .abutton .description{width:70%;margin:10px auto;font-size:16px;}
.buttons .abutton a{margin-right:10px;font-size:14px;}
.buttons .abutton .link{width:100%;margin:30px 0;text-align:center;}
.buttons .abutton .link a{font-size:64px;}
.buttons .abutton .link a:hover{color:#0099ff;}
.buttons .abutton{border-left:2px solid #A6E7F4;color:#aaaaaa;transition:background-color 0.3s;}
.buttons .abutton .description{color:#666666;}
.buttons .abutton:hover{background-color:#C1FFD6;}

.texts{text-align:center;border:13% ;}
.texts .atext{display:inline-block;width:22%;text-align:center;margin:52px auto;font-size:19px;line-height:21px;}
.texts .atext{color:#88a1a1;border:7px solid #D9F4FF;background-color:#F6FFF9;}

.atitel{color:#EDA5C6;text-align:center;font-size:56px;}

@media screen and (max-width:1000px){
.texts{border:10%;}
.texts .atext{width:25%;font-size:17px;line-height:19px}
}

@media screen and (max-width:900px){
.texts{border:7%;}
.texts .atext{width:26%;}
}

@media screen and (max-width:800px){
.texts{border:5%;}
.texts .atext{width:28%;font-size:14px;line-height:15px;border:5px;}

}

@media screen and (max-width:700px){
.texts{border:0%;}
.texts .atext{width:32%;}
}
/*the styles of class website */

/* 鏉ヨ嚜灞卞矚鎮犻槼 */
#down {width:100%;}
#down ul {margin-left:calc( 100% / 2 - 838px / 2 );padding:0;}
#down ul li {float:left;margin:2px;background-color:#D9F4FF;border-radius:4px;text-align:center;}
#down ul li a {text-decoration:none;color:#333333;}
#down ul li:hover {background-color:#ccffff;}
#down ul li:hover a {color:#96c82d;}
/* 鏉ヨ嚜灞卞矚鎮犻槼 */

/* Styles */
html{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;}
body{background-color:#999999;}
a{text-decoration:none;color:#0099ff;transition:0.1s;}
a:hover{color:#cccccc;}
hr{border:1px solid #0099ff;}

#navi{color:#ffffff;background-color:#6EE9BC;border-bottom:7px solid #A6E7F4;}
.navi_menu_button{border:0;background-color:#7BEAC0;color:#ffffff;}
#navi_container{background-color:#7BEAC0;transition:0.25s;}
#navi_container li a{color:#ffffff;transition:background-color 0.25s;}
#navi_container li a:hover{background-color:#A6E7F4;}
#navi_container li a:active{background-color:#0099ff;}
#main{background-color:#DFFFF4;}
#main_content{color:#88a1a1;border:7px solid #D9F4FF;background-color:#F6FFF9;}

#pwtext{color:#fff1f1;border:7px solid #D9F4FF;background:url(http://ftp6154192.host104.zhujiwu.me/web/xy/img/bg1.jpg) 0px 0px;}

#footer{color:#ffffff;background-color:#8FCFFF;border-top:7px solid #C1E4FF;}
#footer a{color:#0099CC;}
.content{color:#666666;line-height:30px;}

.section{border-right:2px solid #A6E7F4;color:#aaaaaa;transition:background-color 0.25s;}
.section .description{color:#666666;}
.section:hover{background-color:#aedfff;}
.sectiontwo{border-left:2px solid #A6E7F4;color:#aaaaaa;transition:background-color 0.25s;}
/* 1 */
.section1{border-left:2px solid #A6E7F4;color:#aaaaaa;transition:background-color 0.25s;}
.section1 .description{color:#666666;}
.section1:hover{background-color:#C1FFD6;}
/* 2 */
.section2{border-right:2px solid #A6E7F4;color:#aaaaaa;transition:background-color 0.25s;}
.section2 .description{color:#666666;}
.section2:hover{background-color:#FEE2F8;}
/* 3 */
.section3{border-left:2px solid #A6E7F4;color:#aaaaaa;transition:background-color 0.25s;}
.section3 .description{color:#666666;}
.section3:hover{background-color:#FDECDB;}

.qqchat{background-color:#A6E7F4;color:#ffffff;border-right:4px solid #0099ff;}
.qqchat:hover{color:#0099ff;}
.qqgroup{background-color:#0099ff;color:#ffffff;border-right:4px solid #A6E7F4;}
.qqgroup:hover{color:#A6E7F4;}

/* Layout */

html{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;}
body{height:100%;font-size:15px;padding:0;margin:0;}
#navi{position:fixed;width:80%;padding:0 10%;font-size:24px;height:48px;line-height:48px;}
.navi_menu_button{display:none;padding:10px;float:left;}
#navi_container{font-size:12px;float:right;right:0;}
#navi_container li{display:inline;float:left;font-size:12px;}
#navi_container li a{display:inline-block;height:47px;line-height:48px;padding:0 15px;}
#main{margin:0;padding:52px 0;}
#main_content{width:70%;text-align:center;margin:52px auto;font-size:19px;line-height:48px;}
#pwtext{width:71%;text-align:center;margin:1px auto;font-size:33px;line-height:170px;}
#footer{bottom:0px;left:0px;right:0px;padding:11px 0;font-size:12px;text-align:center;line-height:20px;}
.content{width:70%;margin:10px auto;padding:0 15%;}

.section{margin:50px 20%;padding:20px;font-size:12px;}
.sectiontwo{margin:50px 20%;padding:20px;font-size:12px;}
.section .description{width:70%;margin:10px auto;font-size:16px;}
.section a{margin-right:10px;font-size:14px;}
.section .link{width:100%;margin:30px 0;text-align:center;}
.section .link a{font-size:64px;}
.section .link a:hover{color:#0099ff;}
/* 1 */
.section1{margin:50px 20%;padding:20px;font-size:12px;}
.section1 .description{width:70%;margin:10px auto;font-size:16px;}
.section1 a{margin-right:10px;font-size:14px;}
.section1 .link{width:100%;margin:30px 0;text-align:center;}
.section1 .link a{font-size:64px;}
.section1 .link a:hover{color:#0099ff;}
/* 2 */
.section2{margin:50px 20%;padding:20px;font-size:12px;}
.section2 .description{width:70%;margin:10px auto;font-size:16px;}
.section2 a{margin-right:10px;font-size:14px;}
.section2 .link{width:100%;margin:30px 0;text-align:center;}
.section2 .link a{font-size:64px;}
.section2 .link a:hover{color:#0099ff;}
/* 3 */
.section3{margin:50px 20%;padding:20px;font-size:12px;}
.section3 .description{width:70%;margin:10px auto;font-size:16px;}
.section3 a{margin-right:10px;font-size:14px;}
.section3 .link{width:100%;margin:30px 0;text-align:center;}
.section3 .link a{font-size:64px;}
.section3 .link a:hover{color:#0099ff;}


.qqchat{padding:3px 5px;font-size:13px;}
.qqgroup{padding:3px 5px;font-size:13px;}

/* Alternative layout */

@media screen and (max-width:1000px){
  body{font-size:14px;}
    #navi{width:90%;padding:0 5%;font-size:20px;height:44px;line-height:44px;}
    #navi_container li a{height:44px;line-height:44px;padding:0 10px;}
    #main{padding:48px 0;}
    #main_content{width:80%;margin:30px auto;font-size:16px;line-height:44px;}
    #pwtext{width:80%;margin:1px auto;font-size:30px;line-height:119px;background:url(http://ftp6154192.host104.zhujiwu.me/web/xy/img/bg2.jpg) 0px 0px;}
    .content{width:80%;padding:0 10%;}
    .section{margin:30px 15%;padding:20px;font-size:12px;}
.sectiontwo{margin:30px 15%;padding:20px;font-size:12px;}
    .section.link a{font-size:54px;}
/* 1 */
    .section1{margin:30px 15%;padding:20px;font-size:12px;}
    .section1.link a{font-size:54px;}
/* 2 */
    .section2{margin:30px 15%;padding:20px;font-size:12px;}
    .section2.link a{font-size:54px;}
/* 3 */
    .section3{margin:30px 15%;padding:20px;font-size:12px;}
    .section3.link a{font-size:54px;}

}

@media screen and (max-width:800px){
    #navi{width:100%;padding:0;font-size:18px;height:72px;line-height:36px;text-align:center;}
    #navi_container{font-size:12px;float:none;}
    #navi_container li{float:none;}
    #navi_container li a{height:36px;line-height:36px;}
    #main{padding:76px 0;}
    #main_content{width:100%;margin:30px 0;border-left:0;border-right:0;font-size:14px;line-height:40px;}
    #pwtext{width:100%;margin:1px 0;border-left:0;border-right:0;font-size:22px;line-height:110px;background:url(http://ftp6154192.host104.zhujiwu.me/web/xy/img/bg3.jpg) 0px 0px;}
    .content{width:90%;padding:0 5%;}
    .section{margin:20px 10%;padding:10px;}
.sectiontwo{margin:20px 10%;padding:10px;}
    .section .link a{font-size:48px;}
/* 1 */
    .section1{margin:20px 10%;padding:10px;}
    .section1 .link a{font-size:48px;}
/* 2 */
    .section2{margin:20px 10%;padding:10px;}
    .section2 .link a{font-size:48px;}
/* 3 */
    .section3{margin:20px 10%;padding:10px;}
    .section3 .link a{font-size:48px;}
}


@media screen and (max-width:838px){
    #down ul {margin-left:0;}	   
}
@media screen and (max-width:655px){

    #navi{font-size:20px;height:44px;line-height:44px;text-align:center;}
    .navi_menu_button{display:inline;}
    #navi_container{position:fixed;left:0;top:0;bottom:0;width:0;overflow:hidden;font-size:12px;float:none;}
    #navi_container li{display:block;width:100%;height:44px;line-height:44px;float:left;}
    #navi_container li a{width:100%;height:44px;line-height:44px;padding:0;}
    #main_content{margin:10px 0;}
    #pwtext{margin:1px 0;background:url(http://ftp6154192.host104.zhujiwu.me/web/xy/img/bg4.jpg) 0px 0px;}
    .content{width:96%;padding:0 2%;}
    .sectiontwo{margin:20px;}
    .section{margin:20px;}
/* 1 */
    .section1{margin:20px;}	
/* 2 */
    .section2{margin:20px;}	
/* 3 */
    .section3{margin:20px;}	
    
}


